@charset "UTF-8";
/*前缀不可为空*/
:root {
  --main-bg-color: #f8f8f8;
  --main-text-color: #222222;
  --main-active-text-color: #0084f6;
  --footer-bg-color: #3d3d49;
  --footer-text-color: #c8c7d1;
  --button-bg-color: transparent;
  --button-text-color: #0289ff;
  --button-border-color: #0289ff;
  --button-hover-bg-color: #e7f1ff;
  --button-hover-text-color: #0289ff;
  --button-hover-border-color: #0289ff;
  --button-disabled-bg-color: #ffffff;
  --button-disabled-text-color: #b2dafc;
  --button-disabled-border-color: #b2dafc;
  --button-link-color: #0289ff;
  --button-link-hover-color: #337ecc;
  --button-primary-bg-color: #0084f6;
  --button-primary-text-color: #ffffff;
  --button-primary-border-color: #0084f6;
  --button-primary-hover-bg-color: #0176f6;
  --button-primary-hover-text-color: #ffffff;
  --button-primary-hover-border-color: #0176f6;
  --button-disabled-primary-bg-color: #b2dafc;
  --button-disabled-primary-text-color: #ffffff;
  --button-disabled-primary-border-color: #b2dafc;
  --button-primary-link-color: #222222;
  --button-info-bg-color: #eff0f2;
  --button-info-text-color: #222222;
  --button-info-border-color: #eff0f2;
  --button-info-hover-bg-color: #eff0f2;
  --button-info-hover-text-color: #0289ff;
  --button-info-hover-border-color: #eff0f2;
  --button-disabled-info-bg-color: #eff0f2;
  --button-disabled-info-text-color: #999999;
  --button-disabled-info-border-color: #eff0f2;
  --button-info-link-color: #222222;
  --button-cancel-border-color: #e0e2e4;
  --button-cancel-hover-color: #0289ff;
  --button-cancel-hover-border-color: #b2dafc;
  --button-cancel-disabled-color: #999999;
  --button-cancel-color: #666666;
  --table-header-bg-color: #f7f9fa;
  --table-header-text-color: #666666;
  --table-body-bg-color: #ffffff;
  --table-body-text-color: #222222;
  --table-stripe-bg-color: #f7f9fa;
  --table-stripe-text-color: #222222;
  --select-text-color: #222222;
  --select-border-color: #CCCCCC;
  --select-hover-border-color: #0289ff;
  --select-content-hover-bg-color: #e7f1ff;
  --select-disabled-bg-color: #f8f8f8;
  --select-tag-bg-color: #ECEFF4;
  --select-tag-text-color: #535A73;
  --input-border-color: #CCCCCC;
  --input-disabled-bg-color: #f8f8f8;
  --input-text-color: #222222;
  --input-focus-border-color: #0289ff;
  --input-error-color: #ff4719;
  --input-placeholder: #999999;
  --breadcrumb-text-color: #222222;
  --breadcrumb-disabled-text-color: #47698c;
  --breadcrumb-hover-text-color: #0289ff;
  --pagination-bg-color: #f8f8f8;
  --pagination-text-color: #222222;
  --pagination-hover-bg-color: #e7f1ff;
  --pagination-active-bg-color: #0084f6;
  --pagination-active-text-color: #ffffff;
  --pagination-switch-hover-color: #0084f6;
  --radio-active-border-color: #028aff;
  --checkbox-border-color: #028aff;
  --checkbox-active-border-bg-color: #028aff;
  --checkbox-active-disabled-border-bg-color: #b2dafc;
  --checkbox-disabled-border-color: #e0e2e4;
  --checkbox-disabled-bg-color: #f8f8f8;
  --checkbox-disabled-text-color: #cccccc;
  --checkbox-text-color: #222222;
  --color-primary: #0084f6;
  --color-success: #00b042;
  --color-warning: #ff9201;
  --color-danger: #ff4719;
  --color-info: #47698c;
  --color-black: #000000;
  --color-light-black: #222222;
  --color-gray: #666666;
  --color-light-gray: #999999;
  --color-gray-auxiliary1: #cccccc;
  --color-gray-auxiliary2: #eff0f2;
  --color-gray-auxiliary3: #e0e2e4;
  --color-gray-auxiliary4: #f7f9fA;
  --color-blue-auxiliary1: #e7f1ff;
  --color-blue-auxiliary2: #0176f6;
  --color-white: #ffffff;
  --border-hover-border-color: #66B5FA;
  --nav-top-bg-color: #228340;
  --nav-bottom-bg-color: #4AB02F;
  --nav-bg-active-color: rgba(255, 255, 255, 0.18);
  --nav-sub-bg-active-color: #A1FF9F;
  --nav-sub-bg-more-color: rgba(33, 119, 40, 0.84);
  --home-main-color: #279731;
  --nav-main-color: #000000;
  --nav-main-active-color: #000000;
  --nav-main-sub-bg-more-color: rgba(255, 255, 255, 0.92);
  --nav-main-sub-color: #222222;
  --nav-main-sub-hover-color: #279731;
  --srt-main-bg-color: var(--main-bg-color);
  --srt-main-text-color: var(--main-text-color);
  --srt-main-active-text-color: var(--main-active-text-color);
  --srt-footer-bg-color: var(--footer-bg-color);
  --srt-footer-text-color: var(--footer-text-color);
  --srt-button-bg-color: var(--button-bg-color);
  --srt-button-text-color: var(--button-text-color);
  --srt-button-border-color: var(--button-border-color);
  --srt-button-hover-bg-color: var(--button-hover-bg-color);
  --srt-button-hover-text-color: var(--button-hover-text-color);
  --srt-button-hover-border-color: var(--button-hover-border-color);
  --srt-table-header-bg-color: var(--table-header-bg-color);
  --srt-button-disabled-bg-color: var(--button-disabled-bg-color);
  --srt-button-disabled-text-color: var(--button-disabled-text-color);
  --srt-button-disabled-border-color: var(--button-disabled-border-color);
  --srt-button-link-color: var(--button-link-color);
  --srt-button-primary-bg-color: var(--button-primary-bg-color);
  --srt-button-primary-text-color: var(--button-primary-text-color);
  --srt-button-primary-border-color: var(--button-primary-border-color);
  --srt-button-primary-hover-bg-color: var(--button-primary-hover-bg-color);
  --srt-button-primary-hover-text-color: var(--button-primary-hover-text-color);
  --srt-button-primary-hover-border-color: var(--button-primary-hover-border-color);
  --srt-button-disabled-primary-bg-color: var(--button-disabled-primary-bg-color);
  --srt-button-disabled-primary-text-color: var(--button-disabled-primary-text-color);
  --srt-button-disabled-primary-border-color: var(--button-disabled-primary-border-color);
  --srt-button-info-bg-color: var(--button-info-bg-color);
  --srt-button-info-text-color: var(--button-info-text-color);
  --srt-button-info-border-color: var(--button-info-border-color);
  --srt-button-info-hover-bg-color: var(--button-info-hover-bg-color);
  --srt-button-info-hover-text-color: var(--button-info-hover-text-color);
  --srt-button-info-hover-border-color: var(--button-info-hover-border-color);
  --srt-button-disabled-info-bg-color: var(--button-disabled-info-bg-color);
  --srt-button-disabled-info-text-color: var(--button-disabled-info-text-color);
  --srt-button-disabled-info-border-color: var(--button-disabled-info-border-color);
  --srt-button-info-link-color: var(--button-info-link-color);
  --srt-button-primary-link-color: var(--button-primary-link-color);
  --srt-table-header-text-color: var(--table-header-text-color);
  --srt-table-body-bg-color: var(--table-body-bg-color);
  --srt-table-body-text-color: var(--table-body-text-color);
  --srt-table-stripe-bg-color: var(--table-stripe-bg-color);
  --srt-table-stripe-text-color: var(--table-stripe-text-color);
  --srt-color-primary: var(--color-primary);
  --srt-color-success: var(--color-success);
  --srt-color-warning: var(--color-warning);
  --srt-color-danger: var(--color-danger);
  --srt-color-info: var(--color-info);
  --srt-color-black: var(--color-black);
  --srt-color-white: var(--color-white);
  --srt-color-gray: var(--color-gray);
  --srt-color-light-gray: var(--color-light-gray);
  --srt-color-blue-auxiliary1: var(--color-blue-auxiliary1);
  --srt-color-blue-auxiliary2: var(--color-blue-auxiliary2);
  --srt-color-gray-auxiliary1: var(--color-gray-auxiliary1);
  --srt-color-gray-auxiliary2: var(--color-gray-auxiliary2);
  --srt-color-gray-auxiliary3: var(--color-gray-auxiliary3);
  --srt-color-light-black: var(--color-light-black);
  --srt-checkbox-border-color: var(--checkbox-border-color);
  --srt-checkbox-active-border-bg-color: var(--checkbox-active-border-bg-color);
  --srt-checkbox-active-disabled-border-bg-color: var(--checkbox-active-disabled-border-bg-color);
  --srt-checkbox-disabled-border-color: var(--checkbox-disabled-border-color);
  --srt-checkbox-disabled-bg-color: var(--checkbox-disabled-bg-color);
  --srt-checkbox-disabled-text-color: var(--checkbox-disabled-text-color);
  --srt-pagination-bg-color: var(--pagination-bg-color);
  --srt-pagination-text-color: var(--pagination-text-color);
  --srt-pagination-hover-bg-color: var(--pagination-hover-bg-color);
  --srt-pagination-active-bg-color: var(--pagination-active-bg-color);
  --srt-pagination-active-text-color: var(--pagination-active-text-color);
  --srt-pagination-switch-hover-color: var(--pagination-switch-hover-color);
  --srt-breadcrumb-text-color: var(--breadcrumb-text-color);
  --srt-breadcrumb-disabled-text-color: var(--breadcrumb-disabled-text-color);
  --srt-breadcrumb-hover-text-color: var(--breadcrumb-hover-text-color);
  --srt-input-border-color: var(--input-border-color);
  --srt-input-text-color: var(--input-text-color);
  --srt-input-focus-border-color: var(--input-focus-border-color);
  --srt-input-error-color: var(--input-error-color);
  --srt-input-placeholder: var(--input-placeholder);
  --srt-select-text-color: var(--select-text-color);
  --srt-select-border-color: var(--select-border-color);
  --srt-select-hover-border-color: var(--select-hover-border-color);
  --srt-select-content-hover-bg-color: var(--select-content-hover-bg-color);
  --srt-select-disabled-bg-color: var(--select-disabled-bg-color);
  --srt-select-tag-bg-color: var(--select-tag-bg-color);
  --srt-select-tag-text-color: var(--select-tag-text-color);
  --srt-button-cancel-border-color: var(--button-cancel-border-color);
  --srt-button-cancel-hover-color: var(--button-cancel-hover-color);
  --srt-button-cancel-hover-border-color: var(--button-cancel-hover-border-color);
  --srt-button-cancel-disabled-color: var(--button-cancel-disabled-color);
  --srt-button-cancel-color: var(--button-cancel-color);
  --srt-input-disabled-bg-color: var(--input-disabled-bg-color);
  --srt-button-link-hover-color: var(--button-link-hover-color);
  --srt-checkbox-text-color: var(--checkbox-text-color);
  --srt-border-hover-border-color: var(--border-hover-border-color);
  --srt-radio-active-border-color: var(--radio-active-border-color);
}

:export {
  class-prefix: --srt;
}

/*
    使用方法如下：
   .footer {
        background: var(--srt-foot-color);
        color: var(--srt-foot-text-color);
    }
*/
.srt-el-button {
  background: var(--srt-button-bg-color) !important;
  color: var(--srt-button-text-color) !important;
  border: 1px solid var(--srt-button-border-color) !important;
  padding: 10px 34px;
  border-radius: 4px;
  font-size: 18px;
  min-height: 50px;
  font-weight: 400;
}

.srt-el-button:hover {
  background: var(--srt-button-hover-bg-color) !important;
  color: var(--srt-button-hover-text-color) !important;
  border: 1px solid var(--srt-button-hover-border-color) !important;
}

.srt-el-button.is-disabled {
  background: var(--srt-button-disabled-bg-color) !important;
  color: var(--srt-button-disabled-text-color) !important;
  border: 1px solid var(--srt-button-disabled-border-color) !important;
}

.srt-el-button.is-disabled:hover {
  background: var(--srt-button-disabled-bg-color) !important;
  color: var(--srt-button-disabled-text-color) !important;
  border: 1px solid var(--srt-button-disabled-border-color) !important;
}

.srt-el-button-h28 {
  font-size: 14px;
  padding: 6px 24px;
  min-height: 28px;
  height: 28px;
}

.srt-el-button-h32 {
  font-size: 14px;
  padding: 8px 24px;
  min-height: 32px;
}

.srt-el-button-h36 {
  font-size: 14px;
  padding: 7px 24px;
  min-height: 36px;
}

.srt-el-button--primary {
  background: var(--srt-button-primary-bg-color) !important;
  color: var(--srt-button-primary-text-color) !important;
  border: 1px solid var(--srt-button-primary-border-color) !important;
}

.srt-el-button--primary:hover {
  background: var(--srt-button-primary-hover-bg-color) !important;
  color: var(--srt-button-primary-hover-text-color) !important;
  border: 1px solid var(--srt-button-primary-hover-border-color) !important;
}

.srt-el-button--primary.is-disabled {
  background: var(--srt-button-disabled-primary-bg-color) !important;
  color: var(--srt-button-disabled-primary-text-color) !important;
  border: 1px solid var(--srt-button-disabled-primary-border-color) !important;
}

.srt-el-button--primary.is-disabled:hover {
  background: var(--srt-button-disabled-primary-bg-color) !important;
  color: var(--srt-button-disabled-primary-text-color) !important;
  border: 1px solid var(--srt-button-disabled-primary-border-color) !important;
}

.srt-el-button--primary:active {
  background: var(--srt-button-primary-bg-color) !important;
  color: var(--srt-button-primary-text-color) !important;
  border: 1px solid var(--srt-button-primary-border-color) !important;
}

.srt-el-button--primary:focus {
  background: var(--srt-button-primary-bg-color) !important;
  color: var(--srt-button-primary-text-color) !important;
  border: 1px solid var(--srt-button-primary-border-color) !important;
}

.srt-el-button--info {
  background: var(--srt-button-info-bg-color) !important;
  color: var(--srt-button-info-text-color) !important;
  border: 1px solid var(--srt-button-info-border-color) !important;
}

.srt-el-button--info:hover {
  background: var(--srt-button-info-hover-bg-color) !important;
  color: var(--srt-button-info-hover-text-color) !important;
  border: 1px solid var(--srt-button-info-hover-border-color) !important;
}

.srt-el-button--info.is-disabled {
  background: var(--srt-button-disabled-info-bg-color) !important;
  color: var(--srt-button-disabled-info-text-color) !important;
  border: 1px solid var(--srt-button-disabled-info-border-color) !important;
}

.srt-el-button--info.is-disabled:hover {
  background: var(--srt-button-disabled-info-bg-color) !important;
  color: var(--srt-button-disabled-info-text-color) !important;
  border: 1px solid var(--srt-button-disabled-info-border-color) !important;
}

.srt-el-button--link {
  background-color: transparent !important;
  color: var(--srt-button-link-color) !important;
  border: 0px solid transparent !important;
  padding: 0;
}

.srt-el-button--link:hover {
  background-color: transparent !important;
  color: var(--srt-button-link-hover-color) !important;
  border: 0px solid transparent !important;
}

.srt-el-button--link.is-disabled {
  background-color: transparent !important;
  color: var(--srt-button-disabled-info-text-color) !important;
  border: 0px solid transparent !important;
}

.srt-el-button--link.is-disabled:hover {
  background-color: transparent !important;
  color: var(--srt-button-disabled-info-text-color) !important;
  border: 0px solid transparent !important;
}

.srt-el-button--link:focus {
  background-color: transparent !important;
  color: var(--srt-button-link-color) !important;
  border: 0px solid transparent !important;
  border: 0px solid transparent;
}

.srt-el-button--link-underline {
  text-decoration: underline !important;
  background-color: transparent !important;
  color: var(--srt-button-primary-link-color) !important;
  border: 0px solid transparent !important;
  padding: 0;
}

.srt-el-button--link-underline:hover {
  background-color: transparent !important;
  color: var(--srt-button-primary-hover-bg-color) !important;
  border: 0px solid transparent !important;
}

.srt-el-button--link-underline.is-disabled {
  background-color: transparent !important;
  color: var(--srt-button-disabled-info-text-color) !important;
  border: 0px solid transparent !important;
}

.srt-el-button--link-underline.is-disabled:hover {
  background-color: transparent !important;
  color: var(--srt-button-disabled-info-text-color) !important;
  border: 0px solid transparent !important;
}

.srt-el-button--link-underline:focus {
  text-decoration: underline;
  background-color: transparent !important;
  color: var(--srt-button-primary-link-color) !important;
  border: 0px solid transparent !important;
}

.srt-bottom-select .el-input .el-input__wrapper {
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid var(--srt-color-gray-auxiliary3);
}

.srt-bottom-select .el-input .el-input__wrapper.is-focus {
  box-shadow: none !important;
}

.srt-bottom-select .el-input .el-input__wrapper.is-focus .el-input__wrapper {
  box-shadow: none !important;
}

.srt-bottom-select .el-input .el-input__wrapper .el-input__inner {
  color: var(--srt-color-black);
}

.srt-bottom-select .el-input .el-input__wrapper input::-webkit-input-placeholder {
  color: var(--srt-color-black);
}

.srt-bottom-select .el-input .el-input__wrapper input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--srt-color-black);
}

.srt-bottom-select .el-input .el-input__wrapper input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--srt-color-black);
}

.srt-bottom-select .el-input .el-input__wrapper input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--srt-color-black);
}

.srt-bottom-select .el-input.is-disabled .el-input__wrapper {
  background-color: var(--srt-color-white);
}

.srt-bottom-select .el-input.is-disabled .el-input__wrapper:hover {
  box-shadow: none;
}

.srt-bottom-select .el-input.is-disabled .el-input__wrapper .el-input__suffix {
  visibility: hidden;
}

.srt-bottom-select .el-input .el-select__caret.el-icon::before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(~@/assets/img/element-ui-icon/select-icon.png) no-repeat center center;
  transform: rotateZ(180deg);
}

.srt-bottom-select .el-input .el-select__caret.el-icon svg {
  display: none;
}

.srt-bottom-select .el-input .el-select__caret.is-reverse::before {
  transform: rotateZ(-180deg);
}

.srt-bottom-select:hover:not(.el-select--disabled) .el-input__wrapper {
  box-shadow: none;
}

.srt-bottom-select .el-input.is-focus .el-input__wrapper {
  box-shadow: none !important;
}

.srt-bottom-clear-select :hover .el-select__caret.el-icon::before {
  width: 14px;
  height: 14px;
  background: url(~@/assets/img/element-ui-icon/delete-icon.png) no-repeat center center;
  border-radius: 50%;
}

.srt-el-button--cancel {
  color: var(--srt-button-cancel-color) !important;
  border: 1px solid var(--srt-button-cancel-border-color) !important;
  background-color: transparent !important;
}

.srt-el-button--cancel:hover {
  background-color: transparent !important;
  color: var(--srt-button-cancel-hover-color) !important;
  border: 1px solid var(--srt-button-cancel-hover-border-color) !important;
}

.srt-el-button--cancel.is-disabled {
  background-color: transparent !important;
  color: var(--srt-button-cancel-disabled-color) !important;
  border: 1px solid var(--srt-button-cancel-border-color) !important;
}

.srt-el-button--cancel.is-disabled:hover {
  border: 1px solid var(--srt-button-cancel-border-color) !important;
  background-color: transparent !important;
  color: var(--srt-button-cancel-disabled-color) !important;
}

.srt-select-popper {
  border: none !important;
}

.srt-select-popper.el-popper {
  box-shadow: 0px 0px 10px 0px rgba(0, 80, 168, 0.16);
}

.srt-select-popper .el-popper__arrow::before {
  content: '';
  display: none;
}

.srt-select-popper .el-select-dropdown__item {
  color: var(--srt-color-black);
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}

.srt-select-popper .el-select-dropdown__item:hover {
  background-color: var(--srt-select-content-hover-bg-color);
}

.srt-select-popper .el-select-dropdown__item.selected {
  background-color: var(--srt-select-content-hover-bg-color);
  font-weight: 400;
}

.srt-select .el-input--large .el-input__wrapper {
  padding: 0px 10px 0px 12px;
}

.srt-select .el-input__wrapper {
  border: 1px solid var(--srt-select-border-color);
  box-shadow: none;
}

.srt-select .el-input__wrapper.is-focus {
  box-shadow: none !important;
}

.srt-select .el-input__wrapper.is-focus .el-input__wrapper {
  box-shadow: none !important;
}

.srt-select .el-input__wrapper .el-input__inner {
  color: var(--srt-color-black);
}

.srt-select .el-input__wrapper .el-input__inner {
  color: var(--srt-color-black);
}

.srt-select .el-input__wrapper input::-webkit-input-placeholder {
  color: var(--srt-color-black);
}

.srt-select .el-input__wrapper input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--srt-color-black);
}

.srt-select .el-input__wrapper input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--srt-color-black);
}

.srt-select .el-input__wrapper input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--srt-color-black);
}

.srt-select .el-input.is-disabled .el-input__wrapper {
  background-color: var(--srt-select-disabled-bg-color);
  box-shadow: none;
}

.srt-select .el-input.is-disabled .el-input__wrapper:hover {
  box-shadow: none;
}

.srt-select .el-input.is-disabled .el-input__wrapper .el-input__suffix {
  visibility: hidden;
}

.srt-select:hover:not(.el-select--disabled) .el-input__wrapper {
  box-shadow: none !important;
  border: 1px solid var(--srt-select-hover-border-color);
}

.srt-select .el-input .el-select__caret.el-icon::before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(~@/assets/img/element-ui-icon/select-icon.png) no-repeat center center;
  transform: rotateZ(180deg);
}

.srt-select .el-input .el-select__caret.el-icon svg {
  display: none;
}

.srt-select .el-input .el-select__caret.is-reverse::before {
  transform: rotateZ(-180deg);
}

.srt-select .el-select__tags .el-tag--info {
  background-color: var(--srt-select-tag-bg-color);
  color: var(--srt-select-tag-text-color);
  font-size: 14px;
}

.srt-select .el-tag__close::before {
  content: '';
  background: url(~@/assets/img/element-ui-icon/clear-icon.png) no-repeat center center;
  width: 9px;
  height: 9px;
  background-size: contain;
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
  transform: rotateZ(180deg);
}

.srt-select .el-tag__close:hover {
  background-color: transparent;
  color: var(--srt-select-tag-text-color);
}

.srt-select .el-tag__close svg {
  display: none;
}

.srt-clear-select :hover .el-input .el-select__caret.el-icon::before {
  width: 14px;
  height: 14px;
  background: url(~@/assets/img/element-ui-icon/delete-icon.png) no-repeat center center;
  border-radius: 50%;
}

.srt-el-input .el-input__wrapper {
  border: 1px solid var(--srt-input-border-color);
  box-shadow: none;
  padding: 0 11px;
}

.srt-el-input .el-input__wrapper svg {
  display: none;
}

.srt-el-input .el-input__wrapper .el-input__clear::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(~@/assets/img/element-ui-icon/delete-icon.png) no-repeat center center;
  border-radius: 50%;
}

.srt-el-input .el-input__wrapper.is-focus {
  border: 1px solid var(--srt-input-focus-border-color);
}

.srt-el-input .el-input__wrapper.is-focus .el-input__suffix {
  color: var(--srt-input-focus-border-color);
}

.srt-el-input .el-input__wrapper .el-input__inner {
  color: var(--srt-input-text-color);
  height: 38px;
}

.srt-el-input .el-textarea__inner {
  color: var(--srt-input-text-color);
}

.srt-el-input .el-form-item__error {
  color: var(--srt-input-error-color);
}

.srt-el-input.is-disabled .el-input__wrapper {
  box-shadow: none;
  background-color: var(--srt-input-disabled-bg-color);
}

.srt-el-input input::-webkit-input-placeholder {
  color: var(--srt-input-placeholder);
}

.srt-el-input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--srt-input-placeholder);
}

.srt-el-input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--srt-input-placeholder);
}

.srt-el-input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--srt-input-placeholder);
}

.srt-el-input .el-input__count {
  margin-right: 8px;
}

.srt-el-textarea .el-textarea__inner {
  border: 1px solid var(--srt-input-border-color);
  box-shadow: none;
  padding: 14px;
  resize: none;
}

.srt-el-textarea .el-textarea__inner:focus {
  border: 1px solid var(--srt-input-focus-border-color);
}

.srt-el-textarea textarea::-webkit-input-placeholder {
  color: var(--srt-input-placeholder);
}

.srt-el-textarea textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--srt-input-placeholder);
}

.srt-el-textarea textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--srt-input-placeholder);
}

.srt-el-textarea textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--srt-input-placeholder);
}

.el-form-item.is-error .srt-el-textarea .el-textarea__inner {
  box-shadow: none;
  border: 1px solid var(--srt-input-error-color);
}

.srt-el-input-item.is-error .el-input__wrapper {
  box-shadow: none;
  border: 1px solid var(--srt-input-error-color);
}

.srt-el-input-item-no-border.is-error .el-input__wrapper {
  box-shadow: none;
  border-bottom: 1px solid var(--srt-input-error-color);
}

.srt-el-input-no-border .el-input__wrapper {
  border: none;
  border-bottom: 1px solid var(--srt-input-border-color);
  box-shadow: none;
  border-radius: 0;
}

.srt-el-input-no-border .el-input__wrapper.is-error .el-input__wrapper {
  border: none !important;
}

.srt-el-input-no-border .el-input__wrapper.is-focus {
  border-bottom: 1px solid var(--srt-input-focus-border-color);
}

.srt-el-input-no-border .el-input__wrapper.is-focus .el-input__suffix {
  color: var(--srt-input-focus-border-color);
}

.srt-el-input-no-border .el-input__wrapper .el-input__inner {
  color: var(--srt-input-text-color);
}

.srt-el-input-no-border .el-form-item__error {
  color: var(--srt-input-error-color);
}

.srt-el-input-no-border.is-disabled .el-input__wrapper {
  box-shadow: none;
  background-color: var(--srt-input-disabled-bg-color);
}

.srt-el-input-no-border input::-webkit-input-placeholder {
  color: var(--srt-input-placeholder);
}

.srt-el-input-no-border input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--srt-input-placeholder);
}

.srt-el-input-no-border input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--srt-input-placeholder);
}

.srt-el-input-no-border input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--srt-input-placeholder);
}

.srt-el-checkbox {
  height: auto;
}

.srt-el-checkbox .el-checkbox__label {
  color: var(--srt-checkbox-text-color);
}

.srt-el-checkbox.is-checked .el-checkbox__label {
  color: var(--srt-checkbox-text-color);
}

.srt-el-checkbox.is-disabled.is-checked .el-checkbox__inner {
  background-color: var(--srt-checkbox-active-disabled-border-bg-color);
}

.srt-el-checkbox.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--srt-color-white);
}

.srt-el-checkbox.is-disabled.is-checked .el-checkbox__inner::after {
  background-color: var(--srt-checkbox-active-disabled-border-bg-color);
}

.srt-el-checkbox.is-disabled.is-checked .el-checkbox__inner::after ::after {
  border-color: var(--srt-color-white);
}

.srt-el-checkbox .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--srt-checkbox-text-color);
}

.srt-el-checkbox .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--srt-checkbox-disabled-text-color);
}

.srt-el-radio .el-radio__input.is-checked .el-radio__inner {
  background: transparent;
  border: 1px solid var(--srt-radio-active-border-color);
}

.srt-el-radio .el-radio__input.is-checked .el-radio__inner::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -51%);
  background: #0084F6;
}

.srt-el-radio .el-radio__label {
  color: var(--srt-checkbox-text-color);
}

.srt-el-radio .el-radio__input.is-checked + .el-radio__label {
  color: var(--srt-checkbox-text-color);
  background: transparent;
}

.srt-el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background: var(--srt-checkbox-active-disabled-border-bg-color);
}

.noUnderline {
  text-decoration: none !important;
}

.el-table__empty-block {
  height: 400px !important;
}

.srt-stripe-table {
  color: var(--srt-main-text-color);
}

.srt-stripe-table thead th {
  color: var(--srt-table-header-text-color);
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--srt-table-header-bg-color) !important;
}

.srt-stripe-table th.el-table__cell.is-leaf {
  border: none;
}

.srt-stripe-table .el-table__row {
  font-size: 14px;
}

.srt-stripe-table .el-table__row::after {
  min-height: 30px;
  display: inline-block;
  content: "";
  width: 0;
}

.srt-stripe-table .cell {
  padding: 9px 12px;
}

.srt-stripe-table .cell .srt-el-button--link {
  height: auto;
  line-height: 1.5;
  min-height: 0;
}

.srt-stripe-table .el-table__cell {
  padding: 0;
}

.srt-stripe-table tr.el-table__row--striped td.el-table__cell {
  background: var(--srt-table-header-bg-color) !important;
  border-bottom-color: transparent;
}

.srt-stripe-table .el-button--primary.is-link {
  color: var(--srt-main-active-text-color);
}

.srt-stripe-table td.el-table__cell {
  border-bottom-color: transparent;
  padding: 0;
}

.srt-stripe-table .el-table__inner-wrapper::before {
  display: none;
}

.srt-stripe-table .el-table-fixed-column--right {
  padding: 0;
}

.srt-stripe-table .el-popper {
  max-width: 500px;
}

.srt-border-table {
  color: var(--srt-main-text-color);
  border-radius: 4px;
}

.srt-border-table thead th {
  color: var(--srt-table-header-text-color);
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  background-color: #f6f6f6 !important;
}

.srt-border-table .el-table__row {
  font-size: 14px;
}

.srt-border-table .el-table__row::after {
  min-height: 30px;
  display: inline-block;
  content: "";
  width: 0;
}

.srt-border-table .cell {
  padding: 10px 20px;
}

.srt-border-table .cell .srt-el-button--link {
  height: auto;
  line-height: 1.5;
  min-height: 0;
}

.srt-border-table .el-table__cell {
  padding: 0;
}

.srt-border-table td.el-table__cell, .srt-border-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #E0E2E4;
}

.srt-border-table .el-table__cell {
  border-right: 1px solid #E0E2E4;
}

.srt-border-table .el-button--primary.is-link {
  color: var(--srt-main-active-text-color);
}

.srt-border-table .el-table__inner-wrapper::before {
  display: none;
}

.srt-border-table .el-table-fixed-column--right {
  padding: 0;
}

.srt-border-table .el-popper {
  max-width: 500px;
}

.srt-border-table.el-table--border::before {
  width: 0;
}

.srt-border-table.el-table--border::after {
  width: 0;
}

.srt-border-table .el-table__border-left-patch {
  width: 0;
}

.srt-border-table.el-table--border .el-table__inner-wrapper tr:first-child th:first-child, .srt-border-table.el-table--border .el-table__inner-wrapper td:first-child {
  border-left: 1px solid #E0E2E4 !important;
}

.srt-border-table.el-table--border .el-table__inner-wrapper tr:first-child th:first-child {
  border-top-left-radius: 4px;
}

.srt-border-table.el-table--border .el-table__inner-wrapper tr:first-child th:last-child {
  border-top-right-radius: 4px;
}

.srt-border-table.el-table--border .el-table__inner-wrapper tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.srt-border-table.el-table--border .el-table__inner-wrapper tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.srt-border-table.el-table--border .el-table__inner-wrapper::after {
  background-color: #E0E2E4;
}

.srt-border-table.el-table--border .el-table__inner-wrapper td:first-child {
  border-left: 1px solid #E0E2E4 !important;
}

.srt-date-picker .el-range__icon {
  width: 14px;
  height: 14px;
  background: url("~@/assets/img/element-ui-icon/picker-icon.png") no-repeat;
  background-size: cover;
  margin-right: 10px;
}

.srt-date-picker .el-range__icon svg {
  display: none;
}

.srt-date-picker .el-range-input {
  color: var(--srt-color-light-gray);
}

.srt-date-picker .el-input__wrapper {
  box-shadow: none;
  border: 1px solid var(--srt-select-border-color);
}

.srt-date-picker .is-active {
  box-shadow: none;
  border: 1px solid var(--srt-select-hover-border-color);
}

.srt-date-picker .is-active:hover {
  box-shadow: none;
  border: 1px solid var(--srt-select-hover-border-color);
}

.srt-cascader .el-input {
  outline: 0;
}

.srt-cascader .el-input input::-webkit-input-placeholder {
  color: var(--srt-color-black);
}

.srt-cascader .el-input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--srt-color-black);
}

.srt-cascader .el-input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--srt-color-black);
}

.srt-cascader .el-input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--srt-color-black);
}

.srt-cascader .el-input .el-input__wrapper {
  border: 1px solid var(--srt-select-border-color);
  box-shadow: none;
}

.srt-cascader .el-input .el-icon.icon-arrow-down::before {
  content: '';
  width: 10px;
  height: 10px;
  background: url(~@/assets/img/element-ui-icon/select-icon.png) no-repeat center center;
}

.srt-cascader .el-input .el-icon.icon-arrow-down svg {
  display: none;
}

.srt-cascader .el-input .icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.srt-cascader:hover:not(.is-disabled) .el-input__wrapper {
  box-shadow: none;
  border: 1px solid var(--srt-select-hover-border-color);
}

.el-input__inner::-webkit-input-placeholder {
  font-size: 14px;
}

.el-input__inner::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
}

.el-input__inner:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
}

.el-input__inner:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 14px;
}
